<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <!--[if lt IE 9]>
    <script type="text/javascript" src="/lib/html5shiv.js"></script>
    <script type="text/javascript" src="/lib/respond.min.js"></script>
    <![endif]-->
    <link rel="stylesheet" type="text/css" href="/static/h-ui/css/H-ui.css"/>
    <link rel="stylesheet" type="text/css" href="/static/h-ui/css/mine.css"/>
    <link rel="stylesheet" type="text/css" href="/static/h-ui.admin/css/H-ui.admin.css"/>
    <link rel="stylesheet" type="text/css" href="/lib/Hui-iconfont/1.0.8/iconfont.css"/>
    <link rel="stylesheet" type="text/css" href="/static/h-ui.admin/skin/default/skin.css"
          id="skin"/>
    <link rel="stylesheet" type="text/css" href="/static/h-ui.admin/css/style.css"/>
    <!--[if IE 6]>
    <script type="text/javascript" src="/lib/DD_belatedPNG_0.0.8a-min.js"></script>
    <script>DD_belatedPNG.fix('*');</script>
    <![endif]-->
    <title>角色管理</title>
</head>
<body>
<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> <a href="/">首页</a>
</nav>
<div class="page-container">
    <div class="cl pd-5 bg-1 bk-gray"><span class="l"> <a href="javascript:;"
                                                          onclick="datadel()"
                                                          class="btn btn-danger radius"><i
            class="Hui-iconfont">&#xe6e2;</i> 批量删除</a> <a class="btn btn-primary radius"
                                                          href="javascript:;"
                                                          onclick="admin_role_add('添加角色','role_add.html','800')"><i
            class="Hui-iconfont">&#xe600;</i> 添加角色</a> </span> <span
            class="r">共有数据：<strong>{$count}</strong> 条</span></div>
    <table class="table table-border table-bordered table-hover table-bg">
        <thead>
        <tr>
            <th scope="col" colspan="6">角色管理</th>
        </tr>
        <tr class="text-c">
            <th width="5%"><input type="checkbox" value="" name=""></th>
            <th width="10%">ID</th>
            <th width="15%">角色名</th>
            <th>描述</th>
            <th width="10%">操作</th>
        </tr>
        </thead>
        <tbody>
        {volist name="userInfos" id="vo" }
        <tr class="text-c">
            <td class="checkBoxTd"><input type="checkbox" value="{$vo.id}" name=""></td>
            <td>{$vo.id}</td>
            <td>{$vo.title}</td>
            <td title="{$permisses[$key]}">{$permisses[$key]}</td>
            <td class="f-14"><a title="编辑" href="javascript:;"
                                onclick="admin_role_edit('角色编辑','role_update.html?id={$vo.id}','1')"
                                style="text-decoration:none"><i class="Hui-iconfont">&#xe6df;</i></a>
                <a title="删除" href="javascript:;"
                   onclick="admin_role_del(this,'{$vo.id}')" class="ml-5"
                   style="text-decoration:none"><i class="Hui-iconfont">&#xe6e2;</i></a>
            </td>
        </tr>
        {/volist}
        </tbody>
    </table>
</div>
<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="/lib/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="/lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="/static/h-ui/js/H-ui.min.js"></script>
<script type="text/javascript" src="/static/h-ui.admin/js/H-ui.admin.js"></script>
<!--/_footer 作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript"
        src="/lib/datatables/1.10.0/jquery.dataTables.min.js"></script>
<script type="text/javascript">
    /*批量删除*/
    function datadel() {
        layer.confirm('确认删除所选项吗？', function (index) {
            var checkList = '';
            $(".checkBoxTd>input:checkbox:checked").each(function () {
                checkList += $(this).val() + ",";
            });
            checkList = checkList.substring(0, checkList.length - 1);
            $.ajax({
                type: 'POST',
                url: 'role_delete.html',
                dataType: 'json',
                data:{
                    ids:checkList
                },
                success: function (data) {
                    if(data['code']==200){
                        layer.msg('恭喜您,删除成功!', {icon: 6, time: 1000});
                        window.location.reload();
                    }else{
                        layer.msg('对不起,删除失败!', {icon: 5, time: 1000});
                    }
                },
                error: function (data) {
                    console.log(data.msg);
                    layer.msg('对不起,删除失败!', {icon: 5, time: 1000});
                },
            });
        });
    }

    /*管理员-角色-添加*/
    function admin_role_add(title, url, w, h) {
        layer_show(title, url, w, h);
    }

    /*管理员-角色-编辑*/
    function admin_role_edit(title, url, id, w, h) {
        layer_show(title, url, w, h);
    }

    /*管理员-角色-删除*/
    function admin_role_del(obj, id) {
        layer.confirm('角色删除须谨慎，确认要删除吗？', function (index) {
            $.ajax({
                type: 'POST',
                url: 'role_delete.html',
                dataType: 'json',
                data: {
                    id: id
                },
                success: function (data) {
                    if (data['code'] == 200) {
                        $(obj).parents("tr").remove();
                        layer.msg('删除成功!', {icon: 1, time: 1000});
                        window.location.reload();
                    }else{
                        layer.msg('删除失败!', {icon: 2, time: 1000});
                    }

                },
                error: function (data) {
                    console.log(data.msg);
                },
            });
        });
    }
</script>
</body>
</html>